<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Real-Time Simulator for II73 at Universitat Jaume I</title>
    <!--Loading bootstrap css-->
    <link href="frameworks/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="frameworks/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <!--Loading my own css-->
    <link href="src/css/style.css" rel="stylesheet">
  </head>
  <body>
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#index">Real-Time Simulator v1.0</a>
          <div class="nav-collapse">
            <ul class="nav">
              <li class="active"><a onclick="behaviour.mainMenu(this);"  link='tasks' href="#">Tasks</a></li>
              <li><a onclick="behaviour.mainMenu(this);" link='simulation' href="#">Simulation</a></li>
              <li><a onclick="behaviour.mainMenu(this);"  link='about' href="#">About</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container">
      <div class="sim-section">
        <div id="tasks" class="active">

          <h1>Simulation Tasks (<span id="numTasks">0</span>)</h1>
          <table class="table table-striped table-bordered">
            <tr>
              <th class="id-task">Task</th>
              <th class="actions-task">Actions</th>
              <th class="add-task">
                <button
                  onclick="behaviour.addRow($(this).parent().parent().parent());"
                  class="btn btn-success"
                >
                  <i class="icon-plus"></i> Add
                </button>
              </th>
            </tr>
          </table>
        </div>
        <div id="simulation">
          <div id="sim">
            <span class="title">Simulation</span>
            <select id="algorithm">
              <option>Select Algorithm</option>
              <option>Inner Priority</option>
              <option>Ceiling Priority</option>
              <option selected>Ceiling Inmediate Priority</option>
            </select>
            <button
              onclick="simulator.simulate(
                algorithms.get($('#algorithm option:selected').html())
              );
              output.printSummary(simulator.taskQueue);"
              class="btn btn-primary"
            >
              <i class="icon-play"></i> Simulate
            </button>
            <canvas id="canvas" width="665" height="450">
              Your browser does not support HTML5 Canvas.
            </canvas>
          </div>
          <div id="summary">
          <span class="title">Summary</span>
            <ul>
            </ul>
          </div>
        </div>
        <div id="about">

          <h1>About this project</h1>
          <p>This simulator is done for <b>Real-Time Systems (II75)</b>, a subject in <i>Universitat Jaume I</i></p>
          <p>Author: <i><a href="mailto:ksocket@gmail.com">Lluís Santos</a></i></p>

        </div>
      </div>
    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="frameworks/jquery/jquery-1.7.2.min.js"></script>
    <!--<script src="frameworks/bootstrap/js/bootstrap-transition.js"></script>
    <script src="frameworks/bootstrap/js/bootstrap-alert.js"></script>
    <script src="frameworks/bootstrap/js/bootstrap-modal.js"></script>
    <script src="frameworks/bootstrap/js/bootstrap-dropdown.js"></script>
    <script src="frameworks/bootstrap/js/bootstrap-scrollspy.js"></script>
    <script src="frameworks/bootstrap/js/bootstrap-tab.js"></script>
    <script src="frameworks/bootstrap/js/bootstrap-tooltip.js"></script>
    <script src="frameworks/bootstrap/js/bootstrap-popover.js"></script>
    <script src="frameworks/bootstrap/js/bootstrap-button.js"></script>
    <script src="frameworks/bootstrap/js/bootstrap-collapse.js"></script>
    <script src="frameworks/bootstrap/js/bootstrap-carousel.js"></script>
    <script src="frameworks/bootstrap/js/bootstrap-typeahead.js"></script>
    -->
    <!-- loading my own javascript -->
    <script src="src/js/Utils.js"></script>
    <script src="src/js/Html.js"></script>
    <script src="src/js/Behaviour.js"></script>
    <script src="src/js/Task.js"></script>
    <script src="src/js/Algorithms.js"></script>
    <script src="src/js/Input.js"></script>
    <script src="src/js/Output.js"></script>
    <script src="src/js/Simulator.js"></script>

  </body>
</html>
